<style scoped>

</style>
<template>
    <div class="template-download-page">
        <label>模板列表：</label>
        <el-table :data="templateDownloadDate" border style="margin:16px 0;width: 100%;">
            <el-table-column type="index" label="序" header-align="center" align="center" width="40"></el-table-column>
            <el-table-column label="操作" header-align="center" align="center" width="80" type="danger">
                <template scope="scope">
                    <div class="operationItem bolder" @click="handleDownLoadFile(scope.$index, scope.row)" >下载</div>
                </template>
            </el-table-column>
            <el-table-column prop="templateName" label="模板名称" header-align="center" show-overflow-tooltip></el-table-column>
        </el-table>
    </div>
</template>
<script>
    export default {
        data() {
            return {
                templateDownloadDate:[
                    {
                        templateName:"备件导入模板",
                        templateUrl:""
                    },
                    {
                        templateName:"询价单导入模板",
                        templateUrl:"../exceltemplate/询价单明细导入V1.0.xlsx"
                    },
                    {
                        templateName:"报价单导入模板",
                        templateUrl:"../exceltemplate/报价单明细导入V1.0.xlsx"
                    },
                    {
                        templateName:"采购计划导入模板",
                        templateUrl:"../exceltemplate/普通采购计划明细导入V1.0.xlsx"
                    }
                ]
            };
        },
        //进入页面立即运行此方法
        mounted: function () {
            var _this = this;
            _this.$store.commit('currentActive', 'TemplateDownload');

        },
        methods: {
            // 下载模板
            handleDownLoadFile(index,row){
                var _this=this;
                window.location.href= row.templateUrl; 
            },
            // // ===================================
            // successTip(p) {     //成功时的提示信息
            //     this.$notify({
            //         title: '成功',
            //         message: p,
            //         type: 'success'
            //     });
            // },
            // errorTip(p) {     //错误提示
            //     this.$notify.error({
            //         title: '错误',
            //         message: p
            //     });
            // }

        }
    }
</script>